.theme-blue {
    --text-color: #ffffff;
    --theme-color: #02B7E6;
    --theme-linear-gradient: linear-gradient( 135deg, #02B7E6 0%, #36A9F3 35%, rgba(54,169,243,0.2) 100%);
    --theme-bgc-color: linear-gradient(135deg, #02B7E6 0%, #36A9F3 100%) !important;;
    --theme-color-light: rgba(2, 183, 230, 0.5) !important;
    --theme-secondary-bgc: linear-gradient( 180deg, #02B7E6 0%, #36A9F3 10%, rgba(157,213,249,0.6) 50%, #FFFFFF 100%) !important;
    --theme-user-bgc: linear-gradient( 180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%), linear-gradient( 135deg, rgba(54, 169, 243, 0.5) 0%, rgba(2,183,230,0) 100%), linear-gradient( 135deg, #36A9F3 0%, rgba(2,183,230,0) 100%), linear-gradient( 135deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    --theme-bgc-light: rgba(2, 183, 230, 0.1) !important;
}

.theme-orangeRed {
    --text-color: #ffffff;
    --theme-color: #FF6430;
    --theme-linear-gradient: linear-gradient( 135deg, #FF6430 0%, #FF8359 35%, rgba(255,131,89,0.2) 100%);
    --theme-bgc-color: linear-gradient(135deg, #FF8359 0%, #FF6430 100%) !important; 
    --theme-color-light: rgba(255, 100, 48, 0.5) !important;
    --theme-secondary-bgc: linear-gradient( 180deg, #FF6430 0%, #FF8359 10%, rgba(255,131,89,0.6) 50%, #FFFFFF 100%) !important;
    --theme-user-bgc: linear-gradient( 180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%), linear-gradient( 135deg, rgba(255, 100, 48,0.5) 0%, rgba(255,131,89,0) 100%), linear-gradient( 135deg, #FF6430 0%, rgba(255,131,89,0) 100%), linear-gradient( 135deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    --theme-bgc-light: rgba(255, 100, 48, 0.1) !important;
}

/* 颜色 */
$enjoy-color-success: #F5F7F9 !default;
$enjoy-color-error: #FF4000 !default;
$enjoy-color-warning: #FF7E00 !default;
$enjoy-color-prompt: #017EFF !default;
$enjoy-color-fail:  #888888 !default;


// 灰色色阶
$enjoy-color-title: #000000; // 一级重要信息，标题文字、输入文本
$enjoy-color-secondary: #333333; // 次功能操作入口
$enjoy-color-subtitle: #666666; // 二级页重要功能操作入口，如tab栏可选项、titlebar功能
$enjoy-color-hint:  #888888 !default; // 次要信息、辅助功能，如提示说明文字
$enjoy-color-weak: #CCCCCC; // 非重要信息，如输入提醒、最弱一级文字
$enjoy-color-split: #EEEEEE; // 弱分割线，tab栏及列表
$enjoy-bg-color: #F2F2F2; // 背景色
$enjoy-card-slot-bg-color: #F9FAFC;
$enjoy-border-color: #F9F9F8; // 边框
$enjoy-white-color: #FFFFFF;


/* 字号 */
$enjoy-font-size-h1: 48px !default;
$enjoy-font-size-h2: 45px !default;
$enjoy-font-size-h3: 42px !default;
$enjoy-font-size-h4: 39px !default;
$enjoy-font-size-h5: 36px !default;
$enjoy-font-size-h6: 33px !default;
$enjoy-font-size-h7: 30px !default;
$enjoy-font-size-h8: 24px !default;


/* 字体 */
$enjoy-font-family: PingFangSC, PingFang SC !default;


/* 遮罩颜色 */
$enjoy-bg-color-mask:rgba(0, 0, 0, 0.5);

/* 分割线 */
$divider: 1px solid #EEEEEE;

//页边距左右各20px,卡片左右内容距离卡片间距各为28px
$enjoy-margin-left: 20rpx;
$enjoy-margin-right: 28rpx;
$enjoy-padding-left: 20rpx;
$enjoy-padding-right: 28rpx;

/* 文字尺寸 */
$enjoy-font-size-level0: 36rpx;
$enjoy-font-size-level1: 32rpx; // 应用于单据标题
$enjoy-font-size-level2: 30rpx; // 应用于列表标题、按钮文字
$enjoy-font-size-level3: 28rpx; // 应用于单行列表、输入框列表文字
$enjoy-font-size-level4: 26rpx; // 应用于单据列表内信息
$enjoy-font-size-level5: 24rpx; // 应用于次要信息、列表辅助文字
$enjoy-font-size-level6: 22rpx; // 应用于单据详情卡片内信息
$enjoy-font-size-level7: 20rpx; // 应用于日期标签、内容详情页附属信息
$enjoy-font-size-level8: 16rpx; // 应用于序号文字等

/* 字体粗细 */
$enjoy-font-weight-level1: 400; // 应用于单行列表、输入框列表文字
$enjoy-font-weight-level2: 500; // 应用于列表标题、按钮文字
$enjoy-font-weight-level3: 600; // 应用于单据标题